<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*.btn1{
				width: 150px;
			    height: 50px;
			    background-color: blueviolet;
			    border: none;
			    color: #fff;
			    font-size: 23px;
			    cursor: pointer;
			}
			.btn1:hover{
				background-color: lightblue;
			}
			a{
				background-color: blueviolet;
			    color: #fff;
			    font-size: 23px;
			    padding: 13.5px 46px;
			    text-decoration: none;
			}
			a:hover{
				background-color: darkblue;
			}*/
			/*span{
				float: left;
			}*/
			.outer{
				width: 300px;
				height: 200px;
				background-color: red;
				position: relative;
			}
			/*.outer:after{
				content: "";
				display: block;
				clear: both;
			}*/
			.inner{
				width: 100px;
				height: 50px;
				background-color: green;
				position: absolute;
			    left: 50%;
			    top: 50%;
			    margin-left: -50px;
			    margin-top: -25px;
			}
			.icon{
				width: 96px;
			    height: 96px;
			    background: url(../img/icon2015-0.png) -261px -56px;
			}
		</style>
	</head>
	<body>
		<!--<button class="btn1">按钮</button>
		
		<a href="javascript:;">a按钮</a>-->
		
		<!--<span>span</span>
		<span>span</span>
		<span>span</span>-->
		
		<div class="outer">
			<div class="inner"></div>
			<div class="icon"></div>
			<!--<div style="clear: both;"></div>-->
		</div>
		
	</body>
</html>
